<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>新增收获地址</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
<!--    <link rel="stylesheet" th:href="@{/layuiadmin/style/admin.css}" media="all">-->
    <script th:src="@{/layui/jquery.min.js}"></script>
    <script th:inline="javascript">
        var basePath = [[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]];
    </script>
</head>

<body>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">收货地址</div>
                <div class="layui-card-body" pad15>
                    <div class="layui-form" lay-filter="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">收货人</label>
                            <div class="layui-input-inline">
                                <div class="layui-input-inline">
                                    <input id="id" style="display: none" name="id">
                                    <input id="name" placeholder="请输入收货人" type="text" lay-verType="tips"
                                           lay-filter="name" lay-verify="required" lay-reqtext="东风快递使命必达" name="name" class="layui-input"/>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">联系电话</label>
                            <div class="layui-input-inline">
                                <div class="layui-input-inline">
                                    <input id="phone" placeholder="请输入电话号码" type="text" lay-verType="tips"
                                           lay-filter="phone" lay-verify="required" lay-reqtext="全球定位" name="phone" class="layui-input"/>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">省级</label>
                            <div class="layui-input-inline">
                                <div class="layui-input-inline">
                                    <select id="province" lay-filter="province" name="province">
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">市级</label>
                            <div class="layui-input-inline">
                                <div class="layui-input-inline">
                                    <select id="town" lay-filter="town" name="town">
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">县级</label>
                            <div class="layui-input-inline">
                                <select id="county" lay-filter="county" name="county">
                                </select>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">详细地址</label>
                            <div class="layui-input-inline">
                                <input id="detail" placeholder="请输入详细地址" type="text" lay-verType="tips"
                                       lay-filter="detail" lay-verify="required" lay-reqtext="神枪手也要有目标" name="detail" class="layui-input"/>
                            </div>
                        </div>
                        <div class="layui-form-item" style="margin-top: 30px">
                            <div class="layui-input-block">
                                <button class="layui-btn" lay-submit lay-filter="address">保存信息</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md8">
            <div  class="layui-card" style="height: 456px;width: auto">
                <div class="layui-card-header">我的收货地址</div>
                <div class="layui-card-body" pad15>
                    <table class="layui-hide" id="addrList" lay-filter="test">
                    </table>
                    <script type="text/html" id="barDemo">
                        {{# if(d.defaultAdd == 0){
                        }}
                        <a class="layui-btn layui-btn-primary layui-btn-xs layui-btn-disabled"
                           lay-event="setDefault">默认收货地址</a>
                        {{# }else{ }}
                        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="setDefault">设为默认</a>
                        {{# }}}

                        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                        <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="del">删除</a>
                    </script>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/js/userInfo/address.js"></script>
<script type="text/javascript" src="/js/userInfo/updateAddress.js"></script>

</html>